<template>
	<view class="temp">
		<view class="perContent">
			<view class="topCon">
				<text>资料上传</text>
			</view>
			<view class="content1">
				<text>身份证正反面</text>
				<view class="uploadCon">
					<view class="uploadOne">
						<view class="uploadDiv">
							<image src="/static/images/home/ghm.svg" mode=""></image>
							<text>身份证国徽页</text>
						</view>
					</view>
					<view class="uploadOne">
						<view class="uploadDiv">
							<image src="/static/images/home/rxm.svg" mode=""></image>
							<text>身份证人像页</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content2">
				<view class="c2Title">
					<text>职称证书</text>
					<text class="titleP">（仅医师护士必须上传）</text>
				</view>
				<view class="c2Content">
					<view class="uploadOne">
						<view class="uploadDiv uploadDiv2">
							<image src="/static/images/home/zs.svg" mode=""></image>
							<text>职称证书</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content2">
				<view class="c2Title">
					<text>承诺书</text>
					<view class="titcleIcon">
						<view class="iconfont icon-word">
						</view>
						<text>个人承诺书</text>
					</view>
				</view>
				<view class="c2Content">
					<view class="uploadOne">
						<view class="uploadDiv uploadDiv2">
							<image src="/static/images/home/cls.svg" mode=""></image>
							<text>承诺书</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content2">
				<view class="c2Title">
					<text>资格证书</text>
					<text class="titleP">（仅医师护士必须上传）</text>
				</view>
				<view class="c2Content">
					<view class="uploadOne">
						<view class="uploadDiv uploadDiv2">
							<image src="/static/images/home/zs.svg" mode=""></image>
							<text>资格证书</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content2">
				<view class="c2Title">
					<text>执业证书</text>
					<text class="titleP">（仅医师护士必须上传）</text>
				</view>
				<view class="c2Content">
					<view class="uploadOne">
						<view class="uploadDiv uploadDiv2">
							<image src="/static/images/home/zs.svg" mode=""></image>
							<text>执业证书</text>
						</view>
					</view>
				</view>
			</view>
			<view class="content2">
				<view class="c2Title">
					<text>其它辅助材料</text>
					<text class="titleP">（非必须上传）</text>
				</view>
				<view class="c2Content">
					<view class="uploadOne">
						<view class="uploadDiv uploadDiv2">
							<image src="/static/images/home/qt.svg" mode=""></image>
							<text>其他材料</text>
						</view>
					</view>
				</view>
			</view>
			<view class="gapCon">
				<u-gap height="13" bgColor="#F5F5F5"></u-gap>
			</view>
		</view>
		<view class="commonBtn">
			<view class="btnCon" @tap="goto('pages/medical/certificationResult')">
				<text>提交</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.temp {
		position: relative;
	}

	.perContent {
		padding-bottom: 200rpx;
		background-color: #fff;
	}

	.topCon {
		font-size: 32rpx;
		font-weight: 500;
		padding-left: 12rpx;
		height: 96rpx;
		opacity: 1;
		background: rgba(255, 255, 255, 1);
		border-bottom: 1rpx solid rgba(245, 245, 245, 1);
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

	.content1 {
		position: relative;
		font-size: 28rpx;
		font-weight: 500;
		margin-top: 16rpx;
		padding: 0 12rpx;

		.uploadCon {
			display: flex;
			justify-content: space-between;
			align-items: center;
			margin-top: 8rpx;
		}
	}

	.content2 {
		padding: 0 12rpx;
		margin-top: 24rpx;

		.c2Title {
			display: flex;
			align-items: center;
			font-size: 28rpx;
			line-height: 40rpx;

			.titleP {
				font-size: 24rpx;
				font-weight: 400;
				color: rgba(152, 160, 166, 1);
			}

			.titcleIcon {
				display: flex;
				align-items: center;
				margin-left: 12rpx;
				color: rgba(52, 115, 173, 1);

				.iconfont {
					margin-right: 4rpx;
				}
			}
		}

		.c2Content {
			display: flex;
			justify-content: center;
		}
	}
	
	.uploadOne {
		letter-spacing: 0rpx;
		line-height: 40rpx;
		color: rgba(54, 68, 79, 1);
		margin-top: 8rpx;
	
		.uploadDiv {
			width: 336rpx;
			height: 196rpx;
			opacity: 0.4;
			border-radius: 16rpx;
			border: 4rpx solid rgba(117, 120, 128, 1);
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			font-size: 24rpx;
			font-weight: 400;
	
			image {
				width: 93.75rpx;
				height: 70.31rpx;
			}
		}
	
		.uploadDiv2 {
			width: 480rpx;
			height: 280rpx;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
	}
	
	.gapCon{
		margin-top: 24rpx;
	}
</style>